<template>
  <div>
     <div v-for="(item,index) in foods" :key="index">
        {{item.shopName}}
        <button @click="$emit('add-event',index)">+</button>
        {{item.count}}
        <button @click="$emit('reduce-event',index)">-</button>
     </div>
   </div>
</template>
 
<script>
export default {
  name: "MyFoods",
  components: {},
  props: {
    foods:{
        type:Array,
        required:true,
    }
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
};
</script>

<style scoped>
     
</style>